<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-01 11:52:50
 * @LastEditors: Hzl
 * @LastEditTime: 2021-09-22 08:58:23
-->
<template>
  <div>
    <!-- 头部 -->
    <Header></Header>
    <!-- /头部 -->

    <!-- 体部 -->
    <div class="content">
      <div class="wrapper">
      Contact
      </div>
    </div>
    <!-- /体部 -->

    <!-- 底部 -->
    <Footer></Footer>
    <!-- /底部 -->
  </div>
</template>

<script>
//1.引入头部组件
import Header from '../components/Header.vue';
//2.引入底部组件
import Footer from '../components/Footer.vue';
export default {
  //注册局部组件
  components:{
    Header,
    Footer
  },
  data(){
    return{

    }
  }
}
</script>

<style lang="scss">
  .content{
    background-color: #ecf6f2;
    // height: 500px;
    &>.wrapper{
      height: 500px;
    }
  }
</style>